﻿@model EatOutAdvocate.Web.Mvc.Models.LogOnModel

@{
    ViewBag.Title = "Log On";
}

@section pagetitle {
    <span class="muted">@ViewBag.Title</span>
}

<div class= "form-signin">
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")
            <fieldset>
                <div class="span3">
                    <legend>Login with EOA Account</legend>

                    <span class="text-error">@Html.TextBoxFor(m => m.UserName, new { @class = "input-block-level", placeholder = "Username" })
                        @Html.ValidationMessageFor(m => m.UserName)
                    </span> 
                    
                    <span class="text-error">
                        @Html.PasswordFor(m => m.Password, new { @class = "input-block-level", placeholder = "Password" })
                        @Html.ValidationMessageFor(m => m.Password)
                    </span>

                    <br />
                    <input class="btn btn-success" type="submit" value="Login" />
                </div>
                <div class="span1 centered">
                    <div class="centered">
                        <h1 class="muted">OR</h1>
                    </div>
                </div>
                <div class="span3">
                    <legend>Login with a Social Account</legend>
                    <div><a href="@Url.Action("FacebookLogin","Account")"><img src="@Url.Content("~/Content/Images/facebook-login.jpg")", alt="Login" /></a></div>
                </div>
            </fieldset>
    }
    
    <div style="clear: both"></div>
</div>

@section footer {

}


